<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>SmartMusticPlugin</title>
		<!--播放器样式-->
		<link href="css/player.css" rel="stylesheet" type="text/css" />
	</head>

	<body bgcolor="#262626">

        <h3 align="center"> <font color="white">本作品是在<a style="color:rgba(173,173,173,1.00);text-decoration:none;" href="http://www.jq22.com/jquery-info18161" target="_blank">个性暗音乐播放模板</a>作品基础上修改成的精简版音乐播放器插件 </font></h3>
		
		
		<!-- 右侧播放器 开始-->
		<div id="jp_container_N" class="jp-video jp-video-270p jp-state-playing" role="application" aria-label="media player" style="right: 0px; height: 175px; bottom: 20px;">
			<div class="jp-type-playlist">
				<div id="jquery_jplayer_N" class="jp-jplayer" style="width: 90px; height: 90px;">

					<audio id="jp_audio_0" preload="metadata" src="http://music.163.com/song/media/outer/url?id=31473269.mp3" title="那英"></audio>
					<video id="jp_video_0" preload="metadata" title="那英" style="width: 0px; height: 0px;"></video>
				</div>
				<div class="jp-gui">
					<div class="jp-video-play" style="display: none;">
						<button class="jp-video-play-icon" role="button" tabindex="0">播放</button>
					</div>
					<div class="jp-interface">
						<div class="jp-progress">
							<div class="jp-seek-bar" style="width: 100%;">
								<div class="jp-play-bar" style="overflow: hidden; width: 97.5219%;"></div>
							</div>
						</div>
						<div class="jp-current-time" role="timer" aria-label="time">04:11</div>
						<div class="jp-duration" role="timer" aria-label="duration">04:17</div>
						<div class="jp-controls-holder">
							<div class="jp-controls">
								<button class="jp-previous" role="button" tabindex="0">上一曲</button>
								<button class="jp-play" role="button" tabindex="0">播放</button>
								<button class="jp-next" role="button" tabindex="0">下一曲</button>
								<button class="jp-stop" role="button" tabindex="0">暂停</button>
							</div>
							<div class="jp-volume-controls">
								<button class="jp-mute" role="button" tabindex="0">静音</button>
								<button class="jp-volume-max" role="button" tabindex="0">最大音量</button>
								<div class="jp-volume-bar">
									<div class="jp-volume-bar-value" style="width: 10%;"></div>
								</div>
							</div>
							<div class="jp-toggles">
								<button class="jp-repeat" role="button" tabindex="0">重复</button>
								<button class="jp-shuffle" role="button" tabindex="0">随机</button>
								<!--<button class="jp-full-screen" role="button" tabindex="0">全屏</button>-->
							</div>
						</div>
						<div class="jp-details" style="display: none;">
							<div class="jp-title" aria-label="title">那英</div>
						</div>
					</div>
				</div>
				<!-- 音乐列表 -->
				<div class="jp-playlist">
					<div class="jp-playlist-box" style="height: 80px;">
						<ul style="height: 1000px; display: block; top: 0px;">
							
						</ul>
					</div>
				</div>
				
				<div class="jp-no-solution" style="display: none;">
					<span style="transform: rotate(180deg);">升级需要</span> 您浏览器赞不支持播放，请更新版本
					<a href="http://get.adobe.com/flashplayer" target="_blank">Flash插件</a>.
				</div>
			</div>
			<!--歌曲列表滚动条-->
			<div class="scrollBar" style="display: block;">
				<div class="bar" style="top: 0px;"></div>
			</div>
			<!--播放器展开隐藏按钮-->
			<button type="button" class="folded_bt" title="点击收缩" id="btnfold" style="top: 52px;">
				<span style="transform: rotate(0deg);"></span>
			</button>
			<div id="listRemove" style="display: block;"></div>
			<!--移除全部歌曲按钮-->
			<div id="listClose"></div>
			<!--歌曲列表展开收缩按钮-->
		</div>
		<!-- 左侧播放器 结束-->

	</body>
	<script src="/lib/player/js/jquery.js"></script>
	<!-- <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> -->
	<script type="text/javascript" src="js/index.js"></script>
	

	<!--播放器js-->
	<script src="js/player.js"></script>
	<script src="js/playlist.js"></script>
	<script src="js/player_database.js"></script>
	<!--播放器js-->

	<script type="text/javascript">
		
	</script>
	
</html>